<template>
  <div class="contnet-box">
    <div class="data-box">
      <el-form :model="form" label-width="auto">
        <el-form-item label="联系电话">
          <el-input v-model="form.name" class="input-box" />
        </el-form-item>
        <el-form-item label="在线时间">
          <div>
            <el-date-picker
              v-model="form.value2"
              type="daterange"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              value-format="YYYY-MM-DD"
              class="input-box"
            />
          </div>
        </el-form-item>
        <el-form-item label="">
          <div class="btn-box">
            <el-button type="primary" @click="submitFunc" class="submit-btn">修改</el-button>
          </div>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>
<script setup>
import { onMounted, reactive, toRefs, ref } from 'vue'
import { ArrowRightBold, Plus } from '@element-plus/icons-vue'
onMounted(() => {
  console.log('index')
})
let form = ref({})
const submitFunc = () => {
  console.log(form.value)
}
</script>
<style scoped lang="scss">
@import './index.scss';
</style>
<style lang="scss">
</style>